@import "variable";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6,
p, a, abbr, address, code, map, area, del, em, img, strong,
sub, sup, tt, b, i, ol, ul, li, fieldset, form, label, legend,
table, caption, thead, tbody, tfoot, tr, th, td, article, aside,
canvas, embed, figure, figcaption, footer, header, nav, output,
section, time, mark, audio, video, input, textarea, select, button {
  margin: 0;
  padding: 0;
}
*{
  box-sizing: border-box;
  &:after,&:before{
    box-sizing: border-box;
  }
}
html{
  //font-size: 62.5%!important;
  height: 100%;
}
body {
  font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  background-color: #f5f5f5;
  height: 100%;
  //font-size: 0.85rem;
  color: #333;
}
sup {
  color: #ff0000;
  vertical-align: middle;
  margin: 0 1px;
}
input[type=checkbox],input[type=radio]{
  vertical-align: middle;
}
input, textarea, select, button {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: 1px solid #f5f5f5;
  outline: none;
  color: inherit;
}
label {
  display: inline-block;
}
button {
  cursor: pointer;
  border:none;
}
ul,ol {
  list-style: none;
}
a, a:hover,a:focus {
  text-decoration: none;
  outline: none;
  color: inherit;
}
img {
  border: none;
  max-width: 100%;
  max-height: 100%;
}
em,i,cite{
  font-style: normal;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cf {
  *zoom: 1;
}
.cf:before, .cf:after {
  content: '';
  display: table;
  clear: both;
  visibility: hidden;
}
//快捷效果css
.hidden{
  display: none;
}
.text-center{
  text-align: center;
}
.margin-top{
  margin-top: 10px;
}
.margin-bottom{
  margin-bottom: 60px;
}
.red{
  color: #ff0000;
}
.green{
  color: #00bc50;
}
.yellow{
  color: #ff7e00;
}

.n-right{
  display: none;
  .n-msg{
    display: none;
  }
}

.weui-cell{
  font-size: 14px;
  .weui-label{
    color: #333;
  }
}
.weui-grid__label{
  color: inherit;
}